<template>
    <div class="goods-gift" @click="selectGift">
        <div class="goods-gift-title">赠品</div>
        <div class="goods-gift-info">可选2件</div>
        <img
            class="goods-gift-more"
            src="@/assets/images/goodsDetail/format-more.png"
        />
    </div>
</template>

<script>
export default {
    name: 'GoodsGift',
    methods: {
        selectGift(){
            this.$emit('giftSelect')
        }
    }
}
</script>

<style lang="stylus" scoped>
.goods-gift
    display flex
    align-items center
    height 1.15rem
    padding 0 0.4rem
    background #fff
    margin-top 0.18rem
    .goods-gift-title
        font-size 0.37rem
        color #888
        line-height 1
    .goods-gift-info
        display flex
        flex 1
        font-size 0.37rem
        color #888
        line-height 1
        padding 0 0.4rem
    .goods-gift-more
        width 0.53rem
</style>


